body {
  font: 14px;
  position: relative;
}

.tab_calculator {
  width: 730px;
  height: 210px;
  margin-top: 28px;
}

.tab_calculator li {
  width: 355px;
  height: 240px;
  float: left;
  background: #f9f9f9;
}

.tab_calculator li:first-child {
  margin-right: 20px;
}

.tab_calculator li p {
  width: 305px;
  height: 143px;
  margin: 24px;
}

.tab_calculator li span {
  width: 160px;
  height: 36px;
  line-height: 36px;
  display: inline-block;
  text-align: center;
  color: #fff;
  background: #ffac22;
  margin-left: 97px;
  font-weight: bold;

}

.litigation_costs,
.lawyer_fees {
  cursor: pointer;
}

.home_calculator{
  font-size: 14px;
  width: 373px;
  height: 539px;
  background-color: #ffffff;
  box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.05);
  border: solid 1px #e5e5e5;
  display: block;
  float: left;
  overflow-y: auto;
  justify-content: center;
}



.home_calculator{
  margin-top: 35px;
  margin-left: 30px;
}

.home_litigation_calculator{
   display: none;
}

.home_calculator .home_main_calculator,
.home_litigation_calculator .home_main_calculator {
  padding: 30px 23px 16px 20px;
}

.title_calculator {
  color: #333333;
  text-align: center;
  margin-bottom: 15px;
  font-family: MicrosoftYaHei-Bold;
  font-size: 18px;
  letter-spacing: 0.9px;
  font-weight: bold;
}

.ff_calculator,
.result_calculator {
  display: none;
  justify-content: center;
  color: #ff9600;
  text-align: center;
  margin: 15px 0 15px 0;
  font-size: 16px;
  letter-spacing: 0.8px;
}
.home_calculator .home_main_calculator.a{
  padding: 16px 48px;
}
.myselect {
  width: 330px;
  height: 44px;
  border: 1px solid #dddddd;
  border-radius: 4px;
  cursor: pointer;
}
.myselect li{
  background-color: rgb(255, 255, 255);
  color: rgb(102, 102, 102);
}
.myselect li:hover{
  background-color: rgb(30,144,255);
  color: rgb(255,255,255);
}

.home_calculator .show_opt,
.home_calculator .show_opt1,
.home_calculator .show_opt2,
.home_calculator  .show_opt3 {
  width: 100%;
  height: 46px;
  box-sizing: border-box;
  float: left;
  line-height: 46px;
  position: relative;
  padding: 0 30px 0 10px;
}

.home_calculator  .show_opt3 {
  width: 100%;
}

.b_select {
  position: absolute;
  top: 0;
  right: 10px;
  width: 12px;
  height: 44px;
  outline: none;
  background: url("/img/com_arrow_down.jpg") no-repeat;
  background-position: 0 center;
}
.b_select.filtering{
  transform: rotateZ(180deg);
}
.hmoren4{
  display: inline-block;
  width: 459px;
  text-align: right;
}

.hmoren,
.hmoren0,
.hmoren1,
.hmoren2,
.hmoren3,
.hmoren5 {
  display: block;
  float: right;
  text-align: right;
}
.home_calculator .options {
  box-sizing: border-box;
  width: 102%;
  height: auto;
  border-radius: 4px;
  position: absolute;
  top: 45px;
  left: -1%;
  display: none;
  background: #fff;
  box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
  z-index: 2;
}

.home_calculator  .options li{
  width: 100%;
  height: 40px;
  line-height: 40px;
  list-style: none;
}
.home_calculator .options li.checked{
  background-image: url(/img/duihao.png);
  background-position: right 10px top 15px;
  background-repeat: no-repeat;
}

.options li span{
  padding-left: 15px;
}

.last-li {
  border-bottom: 0;
}

.hmoren span,
.hmoren1 span,
.hmoren2 span,
.hmoren3 span,
.hmoren4 span,
.hmoren5 span {
  line-height: 40px;
}

.home_city,
.home_type,
.home_stage,
.home_charge,
.home_money,
.home_civil,
.money_calculator,
.iput_money,
.compensate,
.acceptance_fee,
.execution_fee,
.preservation_fee
{
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;

}

.is_civilaction,
.iput_money,
.ff_calculator,
.money_calculator,
.home_stage,
.home_charge,
.acceptance_fee,
.execution_fee,
.preservation_fee,
.result_calculator {
  display: none;
}

.iput_money .calctitle, .compensate .calctitle{
  position: absolute;
  top: 0;
  left: 10px;
}

.is_money,
.is_civilaction {
  margin: 0;
}

.home_type p,
.is_money p,
.is_civilaction p,
.money_calculator p,
.iput_money p,
.home_stage p,
.home_charge p,
.compensate p,
.acceptance_fee p,
.execution_fee p,
.preservation_fee p {
  width: 120px;
  height: 44px;
  line-height: 44px;
  color: #333333;
  text-align: left;
}

.home_type p,
.money_calculator p,
.iput_money p,
.acceptance_fee p,
.execution_fee p,
.preservation_fee p {
  line-height: 44px;
}
.acceptance_fee{
  margin-top:20px;
}
.is_money div,
.is_civilaction div {
  width: 130px;
  height: 37px;
  color: #333333;
  line-height: 37px;
}

.is_money div span:first-child {
  padding-right: 40px;
}
.is_money div span em,
.is_civilaction div span em {
  vertical-align: middle;
}
.is_civilaction div span:first-child {
  padding-right: 40px;
}

.input1,
.input2 {
  height: 13px;
  vertical-align: middle;
  margin-top: 0;
}

.input1 {
  height: 13px;
  margin-top: 0;
}

.js_calculator,
.js_litigations,
.js_calculators{
  margin: 0 auto;
  line-height: 44px;
  color: #fff;
  font-size: 16px;
  text-align: center;
  width:317px;
  height:44px;
  background:rgba(11,54,122,1);
  border-radius:22px;
  cursor: pointer;
}
.countres{
 width: 100%;  
 text-align: center;
 height:16px;
 font-size:16px;
 font-family:Microsoft YaHei;
 font-weight:400;
 color:rgba(255,150,0,1);
 line-height:16px;
 margin: 30px 0 19px 0;
 display: none;
}

.tip {
  display: none;
}
.tip.brief {
  display: block;
  margin-top: 20px;
}
.tip.brief p {
  margin-top: 10px;
  font-size: 12px;
  color: #999;
}
#tip-alert{
  color: #0b367a;
}
.close_r {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  background: url(/img/login/close.jpg) scroll no-repeat 0 0;
  text-indent: -9999px;
}

.home_calculator_tab li{
  cursor: pointer;
}


.real_calculator,
.real_acceptance,
.real_execution,
.real_preservation {
  width: 360px;
  height: 40px;
  line-height: 40px;
  text-align: right;
  background-color: #fef8e8;   
}

.real_calculator span,
.real_preservation span,
.real_execution span,
.real_preservation span,
.real_acceptance span{
  color: #ff9600;
  font-size: 14px;
  font-family: MicrosoftYaHei-Bold;
  letter-spacing: 0.7px;
}

.iput_money,
.compensate {
  position: relative;
  margin-bottom: 20px;
}

.iput_money:after ,.compensate:after{
  position: absolute;
  right: 10px;
  top: 0;
  display: block;
  content: '（元）';
  height: 44px;
  line-height: 44px;
}

.iput_money input,
.compensate input {
  width: 100%;
  height: 44px;
  background-color: #ffffff;
  text-align: right;
  box-sizing: border-box;
  border: solid 1px #dddddd;
  border-radius: 4px;
  padding-right: 50px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

input[type="number"] {
  -moz-appearance: textfield;
}
.calctitle{
   text-align: left;
   float: left;
}
.home_litigation_calculator{
  padding: 0 23px 0 20px;
  margin-top: 30px;
}

.home_calculator_tab{
  width:100%;
  font-size:18px;
  font-family:MicrosoftYaHei-Bold,MicrosoftYaHei;
  font-weight:bold;
  color:rgba(51,51,51,1);
  height: 40px;
  line-height: 36px;
  margin-top: 15px;
}
.home_calculator_tab li{
 float: left;
 margin-left: 20px;
 position: relative;
}

.home_calculator_tab li.active p{
  position: absolute;
  width: 100%;
  height:4px;
  background:rgba(11,54,122,1);
  border-radius:2px;
  border-radius: 33rem;
}